Llamar a función de componente hijo

Llamar a una función de un componente hijo directamente desde el componente padre.

NOTA: Normalmente este no es recomendable, ya que haces que el padre sea dependiente del hijo

Los pasos son los siguientes:

• Declarar Viewchild en el componente padre
• En el template del padre usar una anotación # para hacer referencia al componente hijo
• Declarar una funcion en el componente hijo
• Llamar a la función desde el componente padre

En el componente hijo tendríamos el siguiente código:

En el template del componente padre tendremos el siguiente código:

Y en el componente del padre tendríamos el siguiente código:

En el componente padre usamos ViewChild para conseguir la referencia al componente hijo, Despues solo usamos esta referencia para llamar a la función del componente hijo.

Angular | css | selectors